@import "animate-tool.css";
/*整站样式*/
html, body, dl, dd, img, form, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p {
    margin:0;
    padding:0;
    border:0;
}
body {
    font-size: 14px;
    font-family: 'Microsoft Yahei', '黑体';
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
ul, ol, li {
    list-style-type:none;
}
img {
    border:0;
    vertical-align:middle
}
select, input, select {
    vertical-align:middle;
    outline: none;
}
table {
    border-collapse:collapse;
    border-spacing:0
}
iframe {
    border:none;
}

a:hover {
    /*color:#0093ff;*/
    text-decoration:none;
}
a:active {
    color:#0093ff;
    text-decoration:none;
}
a:link{color: #666;}
a:visited{color: #666;}
a{
    color: #000;
}
/*网页样式*/

/*头部*/
.pull-left a{font-size: 12px;}
.pull-right a{font-size: 12px;}
.top_bg {
    background:#f7f7f7;
    line-height: 30px;
    border-bottom:1px solid #e3e3e3;
}


/*logo*/
.logo_bg{
    padding-top: 4px;
    padding-bottom: 4px;
}
/*.logo {*/
     /*width:1200px;*/
     /*margin:0 auto;*/
     /*margin-top:23px;*/
     /*margin-bottom:30px;*/
 /*}*/
.logo{height: 70px}
.logo a{}

#header .nav_bg {
    height:70px;
    line-height: 70px;
}
#header .main-header{z-index: 9999;width: 100%;background-color: #ffffff;}
div a label h4{color: #000;cursor: pointer;}
label h4{color: #000}
.main-content{padding-top: 10px}
.circle{border: 1px solid #ccc;border-radius: 5px;padding: 10px 0 10px 0;}
.circle div ul li{padding: 2px 0;}
.point{background: url("../images/title.gif") no-repeat left center;height: 23px;line-height: 23px;padding: 2px 0 0 20px;text-align: center;float: left}
.pad{padding-top: 2px;}
.yx{padding-bottom:10px;border-bottom: 1px solid #cccccc;font-size: 16px;}
.yx a:hover{color: red}
.zixun{color: red;font-size: 16px}
.pianyi{margin-top: 11px;}
.pianyi div a{cursor: pointer;}
a,img{border:0;}
.marqueeleft .marquee{width: 8000px}
/* marqueeleft */
.marqueeleft{overflow:hidden;margin:15px auto;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 5px;display:inline;overflow:hidden;margin-right: 30px}
.marqueeleft li .pic{display:block;padding:2px;overflow:hidden;text-align:center}
.marqueeleft li .text{text-align:center;height:23px;line-height:23px;}

.table-cell div{margin: 5px 0 3px 0px}
.regularly-item-list li{display: inline;position: relative;overflow: hidden;}
.regularly-item-list li div p{font-size: 14px}
/*.regularly-item-list li:not(.last):after{content: '';position: absolute}*/
.color-1{background-color: #22a1e8;color: #ffffff}
.color-2{background-color: #d92a38;color: #ffffff}
.color-3{background-color: #1668cb;color: #ffffff}
.color-4{background-color: #00904a;color: #ffffff}

.font-color{color: #1367ca;font-weight: bold}
.pianyi2{margin-top: 10px;padding: 10px 0;}
.pianyi2 p{line-height: 26px;}

.effect{text-align: center;border: 1px solid #000000;}
/*.effect tr td{border: 1px solid #cccccc}*/
.effect .thead td{padding-left: 5px;padding-right: 5px;border: 1px solid #cccccc}
.effect tr td:nth-child(1){background-color: #CCD4E1}
.effect tr:nth-of-type(1){background-color: #E1E1DF}

.effect2{width: 100%}
.effect2 tr{width: 100%}
.effect2 tr td{border: 1px solid #cccccc;width: 49%;text-align: center}
.effect2 tr td:nth-child(1){background-color: #CCD4E1}
.effect2 tr:nth-of-type(1){background-color: #E1E1DF}
.content_p li{padding: 1px 0 1px 0;}

.news_content{padding: 10px;}
.news_content .box{list-style-type: none;}
.news_content .box li{line-height: 23px;list-style-type: disc;padding: 4px 0 4px 0;}
.news_content .box li a:hover{color: red}

.bleft{border-right: 1px solid #cccccc}
.box_li li{line-height: 23px;list-style-type: decimal;padding: 4px 0 4px 0;}
.box_li li a:hover{color: red}

.footer_nav{background-color: #2ba872;color: #ffffff;padding-top: 12px;}
.footer_nav section{padding: 40px 0;}
.footer_nav section li{padding: 6px 0;}
.footer_nav section h3{padding-bottom: 12px;}
.footer_nav li a{color: #ffffff;}
.footer_nav li i{margin-left: 4px;margin-right: 4px;}
.flink li{float: left;margin-left: 10px}
.footer{margin: 0 auto;text-align: center;line-height: 23px;padding-bottom: 10px;background-color: #00904a;color: #ffffff;}
.footer a{color: #ffffff;}
.footer .row{margin-top: 12px;}
.scrollup{width: 50px;height: 50px;opacity: .8;position: fixed;right: 15px;bottom: 100px;text-align: center;background-color: #9e9e9e;font-size: 30px;z-index: 999;border-radius: 10px;}
.sub-station h3{margin-bottom: 16px;}
.sub-station span{margin-right: 28px;margin-bottom: 16px;display: inline-block;vertical-align: middle;}
.sub-station span a{color: #fffcef}

.clear-fix{padding-top: 20px;}
/*.product img{}*/
/*.fl-1{float: left;}*/
.fl-1 span{text-align: left}
.fl-1 li span h4{font-weight: bold;}
.summarize .Img{text-align: center}
.summarize div h4{font-weight: bold;padding-top: 4px;text-align: center}
.summarize div li{text-align: center;}
.clear-fix div h2{padding-bottom: 40px;padding-top: 10px;text-align: center;font-weight: bold;}
table .youshi td{text-align: center;}
.problem dl{font-size: 22px;color: #2ecc71;padding-top: 20px;padding-bottom: 20px;}
.problem dt{font-weight: normal;padding-bottom: 20px;border-bottom: 1px solid #cccccc;}
.clear-fix .sms div{float: left;padding-left: 10px;}
.clear-fix div .passageway{text-align: center;}
.process{text-align: center;}
.sms-test{width: 100%;height: 628px;background: url("../images/bg2.png");padding-top: 60px;}
.row .title h2{color: #ffffff;text-align: center;}
.send{padding-top: 40px;}
.send-form{height: 300px;border-radius: 10px 10px;background-color: #ffffff;}
.send-form .send-title{text-align: center;padding-top: 40px;}
.send-form .send-title h4{font-weight: bold;}
.input-box{text-align: center;padding: 20px 0;}
.input-box input{border-radius: 4px 4px;border: 1px solid #3399ff;height: 40px;vertical-align: middle;width: 80%}
.sms-content{padding-bottom: 20px;}
.sms-content span{padding-left: 20px;}
.sms-content p{width: 80%;padding-left: 10%;font-size: 16px;}
.flow{width: 100%;height: 635px;background: url("../images/bg3.png");padding-top: 60px;}
.detail{padding-top: 150px;}
.detail div div{text-align: center;color: #ffffff;padding-top: 8px;}
.instruction{padding-top: 12px;}
.instruction li{list-style: square inside url("../images/point.gif");}
.interface-box p{padding-top: 12px;font-family: 'Microsoft Yahei', '黑体';}
.param{margin-top: 12px;}
.param tr th{background-color: #00904a;color: #ffffff;border: 1px solid #ffffff;}
.clear div h2{padding-top: 10px;font-weight: bold;text-align: center;}
.img-left{float: left;height: 120px;}
.introduce{text-align: center;margin-bottom: 10px;}
.introduce h2{margin-bottom: 6px;}
.smsgzh{margin-top: 12px;}
.smsgzh tr th{background-color: #0093ff;color: #ffffff;text-align: center;border: 1px solid #ffffff;}
/*.smsgzh tr td{text-align: center;border: 1px solid #cccccc;}*/
.scheme{font-size: 20px;color: #ffffff;text-align: center;}
.scheme div img{cursor: pointer;}

.left_nav div ul>li>a{padding: 12px 0;width: 100%;}
.left_nav div ul li{font-size: 16px;line-height: 28px;color: #000000;background-color: #ffffff;padding: 4px 0;}
.left_nav div ul li a{color: #000000;}
.left_nav div ul li:hover,.left_nav div ul li.current{background-color: #00904a;transition: all .3s linear;border-radius: 6px;}
.left_nav div ul li:hover a{color: #ffffff;}

.left_contact{padding: 6px 0;}
.left_contact div{margin: 4px 0;}
.left_contact h4{font-weight: bold;color: #00904a}
.left_contact .hotline{color: red;font-weight: 500;}

.post_content{padding-bottom: 10px;}
#horizontal-tabs{margin-bottom: 30px;}
#horizontal-tabs .tabs{border-left: 1px solid #dddddd;overflow: hidden;border-radius: 2px;}
#horizontal-tabs ul.tabs li{background-color: #fafafa;border-left: 1px solid #dddddd;cursor: pointer;float: left;font-size: 14px;padding: 12px;color: #00904a}
#horizontal-tabs ul.tabs li.current{border-top: 2px solid #00904a;border-bottom: 1px solid #ffffff;background: 0 0;cursor: default;}
#horizontal-tabs .contents{border: 1px solid #dddddd;margin-top: -1px;border-radius: 2px;}
#horizontal-tabs .tabscontent{display: none;overflow: hidden;padding: 20px 20px 0;}
#horizontal-tabs .tabscontent p pre{display: inline-block;}

.cutline{border-bottom: 1px solid #2ba872;padding-bottom: 6px;}
.cutline h2{color: #2ba872}
.cutline div b,.cutline div{color: #2ba872}
.news_list{border-bottom: 2px solid #00904a;}
.news_list ul li span{float: right;}
.news_list ul li{border-bottom: 1px dashed  #cccccc;line-height: 32px;}
.news_list ul li a{font-size: 16px;text-indent: 0;}
.news_list ul li:hover{text-indent: 20px;}
.news_list ul li:hover a{color: #00904a;transition: all 0.2s ease-in-out 0s;-ms-transition: all 0.2s ease-in-out 0s;-moz-transition: all 0.2s ease-in-out 0s;-webkit-transition: all 0.2s ease-in-out 0s;}
.pagexx{height: 30px;margin: 20px;clear: both;}
.pagexx ul li{float: left;border: 1px solid #cccccc;padding: 2px 9px;line-height: 20px;margin: 0 4px;}
.pagexx ul li.thisclass{background-color: #00904a;color: #ffffff}
/*.pagexx ul li:hover{background-color: #00904a;color: #fff;}*/
.pagexx ul li:hover a:hover{color: #00904a;}

.news_news{}
.news_news h1{text-align: center;color: #333;margin-top: 80px;}
.news_news .pub_date{text-align: center;color: #cccccc;margin-top: 12px;}
.news_news .page{margin: 10px auto;}

.news_listpic{margin-top: 80px;}
.pic_content{margin: 20px 20px;min-height: 100px;border: 1px solid #cccccc;border-radius: 4px;}
/*.pic_content dl{margin: 20px 0;min-height: 100px;}*/
/*.pic_content>dl{border: 1px solid #cccccc;border-radius: 4px;}*/
.pic_content dl dt{padding: 6px 0px;float: left;}
.pic_content dl dt img{padding-top: 12px;}
.pic_content dl dl{float: left;padding-left: 6px;}
.pic_content dl dl div{margin: 16px 0;line-height: 28px;height: 25px;}
.pic_content dl dl div span{color: #f57600;}
.pic_content dl dl div span a{margin-left: 30px;background-color: #f57600;border-radius: 4px;line-height: 28px;width: 50px;height: 25px;text-align: center;color: #ffffff;}

h3.split-line:after{background-color: #00904a;position: absolute;}
article h3{color: #00904a;}
article h3 span{font-size: 14px;margin-left: 6px;}
article p{padding-top: 20px;font-size: 16px;}
.map{padding-top: 20px;}
.map h3{color: #00904a;}
.map h3 span{font-size: 14px;margin-left: 6px;}
.map .address{font-size: 18px;font-weight: 400;}
.grouth h3{color: #00904a;padding-top: 20px;}
.grouth h3 span{font-size: 14px;margin-left: 6px;}
.event-box1 dl div{clear: both;height: 52px;line-height: 52px;}
.event-box1 dl dt{position: relative;width: 28%;text-align: right;padding-right: 12px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.event-list .year dl dt{font-size:40px;color:#00904a;}
.event-box1 dl dt:before{content: "";position: absolute;top: 50%;margin-top: -3.5px;right: -5px;display: inline-block;width: 5px;height: 5px;border: 2px solid #2fb26a;background-color: #fff;z-index: 1;border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%;}
.event-box1 dl dt:after{content: "";position: absolute;right: -1px;top: 50%;height: 56px;width: 1px;background-color: #d5dae2;}
.event-box1 dl .border-w{padding-bottom: 40px;}
.event-box1 dl .border-w dt:after{height: 96px;}
.event-box1 dl .last dt:after{height: 0;}
.event-box1 dl .year dt{font-size: 40px;color: #00904a;}
.event-box1 .item_box_wp .event-list dl .year dt{font-size: 40px;color: #00904a;}
.event-box1 dl .year dt:before{right: -8px;width: 12px;height: 12px;margin-top: -7px;background-color: #2ba872;border-color: #2ba872;}
.event-box1 dl dd{margin-left: 29.5%;font-size: 16px;}
.our-service h3{color: #00904a;padding-top: 20px;}
.our-service h3 span{font-size: 14px;margin-left: 6px;}
.our-service .service1{color: #2ba872;font-size: 16px;padding-top: 14px;}
.our-service p{line-height: 26px;text-indent: 2px;}
.sms-superiority{padding-top: 20px;}
.sms-superiority h3{color: #00904a;}
.sms-superiority h3 span{font-size: 14px;margin-left: 6px;}
.sms-superiority p{line-height: 26px;text-indent: 2px;}
.honor .text{text-align: center;line-height: 26px;}
.worth h3{color: #00904a;}
.row1{padding-top: 10px;}
.contact{border-top: 1px solid #cccccc;border-bottom: 1px solid #cccccc}
.contact .contact-box{margin-top: 20px;border-bottom: 1px dashed #000000;margin-bottom: 20px;padding-bottom: 20px;}


@-webkit-keyframes flipOutYtest {
    from {
        -webkit-transform: perspective(1400px);
        transform: perspective(1400px);
    }

    40% {
        -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 60deg);
        transform: perspective(1400px) rotate3d(0, 1, 0, 60deg);
        opacity: 1;
    }

    50% {
        -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }

    to {
        -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
        transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
        opacity: 0;
    }
}

.test{
    -webkit-animation: flipOutYtest 0.5s linear;
    animation: flipOutYtest 0.5s linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


@-webkit-keyframes flipInYtest {
    from {
        -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
        transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
        opacity: 0;
    }

    50%{
        -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
        transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);
        transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(1400px);
        transform: perspective(1400px);
        opacity: 1;
    }
}

.test2{
    -webkit-animation: flipInYtest 0.5s linear;
    animation: flipInYtest 0.5s linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.roate{}
.roate .well-item{ position: relative;min-height: 210px;}
.correct{position: absolute;min-width: 248px;}
.opposite-content{overflow: hidden;display: inline;}
.opposite-content-text{ text-align: center;overflow: hidden;max-width: 237px;min-height: 210px;}

/*招商加盟*/
.investment-bar{width: 100%;height: 450px; background: url("../images/investment/123.png")}
.investment-imge{text-align: center; padding-top: 60px;}
.investment-span1{padding-top: 70px;}
.investment-span1 span{color: #fff;font-size: 40px;}
.investment-button{padding-top: 50px;}
.investment-button .btn{font-size: 28px;height: 70px;line-height: 70px;padding: 0 70px;border-radius: 200px;background-color: #efab09;border-color: #efab09;color: #000;font-weight: 300;}
.investment-button .btn:hover{background-color: #fac64b;border-color: #fac64b;color: #000;}
.product{text-align: center;}
.product h1{padding-bottom: 15px; padding-top: 40px;}
.product-span{padding-bottom: 20px;}
.product-span span{font-size: 20px;}
.product-cotent{padding-bottom: 50px; padding-top: 15px;}
.product-cotent h4{font-weight: 600;}
.product-cotent div{padding-left: 2px;padding-right: 2px;}
.product-cotent div span{font-family: 'Microsoft Yahei', '黑体';}
.condition{width: 100%;height: 680px; background: url("../images/investment/456.png")}
.condition-bar{background-color: #fff; border-radius: 10px;}
.condition-bar .row{padding-top: 40px}
.condition-conten{text-align:left; padding: 40px 20px 0px 20px;}
.condition-button .btn{font-size: 20px;height: 40px;line-height: 40px;padding: 0 40px;border-radius: 20px;background-color: #efab09;border-color: #efab09;color: #000;font-weight: 300;}
.condition-button .btn:hover{background-color: #fac64b;border-color: #fac64b;color: #000;}
.condition-button{padding-top: 20px;}
.condition-conten h3{padding-bottom: 20px;}
.condition-conten li{list-style: square inside url("../images/jiantou.png");}
.advantage{width: 100%;height:400px;padding-bottom: 40px; background: url("../images/investment/789.png");}
.advantage h1{color: #fff;text-align: center;}
.advantage p{color: #fff;font-size: 1.8rem;font-family: 'Microsoft Yahei', '黑体';padding-bottom: 1rem;text-align: left;}
.advantage-span{ padding-bottom: 50px;}
.advantage-span span{color: #fff; font-size: 20px;}
.advantage-content div{color: #fff; font-size: 18px;  padding: 20px 15px 0px 15px;}
.cooperation{width: 100%;height: 870px; background: url("../images/investment/147.png")}
.cooperation h1{color: #fff}
.cooperation-contact{background-color: #fff;margin-top: 50px; border-radius: 10px; opacity: 0.9;}
.cooperation-contact h2{padding-top: 20px;}
.cooperation-contact table {width: 100%}
.cooperation-contact table tr td{border: 0px;font-size: 16px;height: 35px}
.cooperation-contact table tr th{border: 0px;text-align: center;background-color: #00bbf3;color: #fff;height: 40px;font-size: 18px}
.contact-content{padding-top: 20px;padding-bottom: 20px;}
.support img {padding: 20px 20px 20px 20px; background-color: #fff; border-radius: 10px; }
.center { display: block; text-align: center; }
.prospect{width: 100%;height: 550px; background: url("../images/investment/369.png")}
.prospect h1{color: #000;font-family: Arial, "微软雅黑"}
.prospect li{padding: 8px 0}
.project{width: 100%;height: 534px;}
.project li{text-align: left;}
.project-cotent h4{font-weight: 600;}
.project-cotent{padding:20px 20px 50px 20px;}
.project-cotent span{color: #000000;font-size: 16px;}

.scene{width: 100%;height:600px;padding-bottom: 40px; background: url("../images/investment/159.png");}
.scene li{padding: 25px;font-size: 20px}
.scene li a{padding: 15px; background-color: #99ccff;border-color: #99ccff;color: #000 ;border-radius: 15px; }
.scene li a:hover{background-color: #6699ff;border-color: #6699ff;color: #000;}
.application{font-weight: bold;color: #00bbf3;}
.td_title td{font-weight: bold;font-size: 18px}
/* 水平滚动
------------------------------ */
.scroll_horizontal-1{position:relative;width: 100%;margin-left:10px;line-height:20px;padding-bottom: 60px;}
.scroll_horizontal-1 .box{overflow:hidden;position:relative;width: 72%;;margin:0 auto;}
.scroll_horizontal-1 .list{overflow:hidden;width:9999px;padding: 0;list-style-type:none;}
.scroll_horizontal-1 .list li{float:left;width:120px;text-align:center;}